
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Qingdao Huabo Co., Ltd.</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="assets/js/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/js/animate.css/animate.min.css">
    <link rel="stylesheet" href="assets/js/jquery.carousel/jquery.carousel.css">
    <link rel="stylesheet" href="assets/js/jquery.fancybox/jquery.fancybox.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body><script id="__bs_script__">//<![CDATA[
    document.write("<script async src='/browser-sync/browser-sync-client.js?v=2.26.7'><\/script>".replace("HOST", location.hostname));
//]]></script>

    <div class="header">
        <div class="logo">
            <a href="index.html"><img src="assets/images/logo.png" /></a>
        </div>
        <button class="nav-collapse nav-collapse-xs" id="nav-btn">
            <span class="btn-line"></span>
            <span class="btn-line"></span>
            <span class="btn-line"></span>
        </button>
        <!-- <div class="cart-box">
            <a class="cart" href="inquiry.html"></a>
        </div> -->
        <div class="right">
            <div class="nav nav-show">
                <div class="tbl">
                    <div class="tbl-cell">
                        <ul class="nav-list1">
                            <li >
                                <a href="index.html">首页</a>
                            </li>
                            <li>
                                <a href="about.html">关于我们</a>
                            </li>
                            <li class="active">
                                <a href="solution.html">解决方案</a>
                            </li>
<!-- 
                            <li class="more">
                                <a href="product.html">产品</a>
                                <div class="nav-list2">
                                    <div class="list">
                                        <ul>
                                            <li>
                                                <h3><a href="product.html">1</a></h3>
                                                <a href="product.html">2</a>
                                                <a href="product.html">3</a>
                                                <a href="product.html">4</a>
                                                <a href="product.html">5</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html"> 6</a></h3>
                                                <a href="product.html"> 7</a>
                                                <a href="product.html">  8</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html">  </a></h3>
                                                <a href="product.html"> </a>
                                                <a href="product.html"> </a>
                                                <a href="product.html"> 888</a>
                                                <a href="product.html"> 888</a>
                                                <a href="product.html"> 888</a>
                                                <a href="product.html">  888</a>
                                                <a href="product.html"> 888</a>
                                                <a href="product.html"> 888</a>
                                                <a href="product.html"> &999</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html"> 888</a></h3>
                                                <a href="product.html">999 </a>
                                                <a href="product.html"> 888</a>
                                                <a href="product.html"> 999</a>
                                            </li>
                                            <li>
                                                <img src="assets/images/img/nav.jpg" alt="">
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="more">
                                <a href="product.html">BREEDERS</a>
                                <div class="nav-list2">
                                    <div class="list">
                                        <ul>
                                            <li>
                                                <h3><a href="product.html">Feeding System</a></h3>
                                                <a href="product.html">Feed silo</a>
                                                <a href="product.html">Feed weighing&conveying system</a>
                                                <a href="product.html">Broiler feeding pan system</a>
                                                <a href="product.html">Broiler feeding chain system</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html">Drinking System</a></h3>
                                                <a href="product.html">Nipple drinker</a>
                                                <a href="product.html">Nipple drinking system</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html">Environmental Control System</a></h3>
                                                <a href="product.html">Ventilation fan</a>
                                                <a href="product.html">Air inlet</a>
                                                <a href="product.html">Cooling system</a>
                                                <a href="product.html">Heating system</a>
                                                <a href="product.html">Curtain system</a>
                                                <a href="product.html">Tunnel door system</a>
                                                <a href="product.html">Foggy system</a>
                                                <a href="product.html">Lighting system</a>
                                                <a href="product.html">Environmental controller&software</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html">Building system</a></h3>
                                                <a href="product.html">Light steel construction house</a>
                                                <a href="product.html">Broiler cage system</a>
                                                <a href="product.html">Plastic slats</a>
                                            </li>
                                            <li>
                                                <img src="assets/images/img/nav.jpg" alt="">
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </li> -->
                            <!-- <li class="more">
                                <a href="product.html">案例介绍</a>
                                <div class="nav-list2">
                                    <div class="list">
                                        <ul>
                                            <li>
                                                <h3><a href="product.html">Feeding System</a></h3>
                                                <a href="product.html">Feed silo</a>
                                                <a href="product.html">Feed weighing&conveying system</a>
                                                <a href="product.html">Broiler feeding pan system</a>
                                                <a href="product.html">Broiler feeding chain system</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html">Drinking System</a></h3>
                                                <a href="product.html">Nipple drinker</a>
                                                <a href="product.html">Nipple drinking system</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html">Environmental Control System</a></h3>
                                                <a href="product.html">Ventilation fan</a>
                                                <a href="product.html">Air inlet</a>
                                                <a href="product.html">Cooling system</a>
                                                <a href="product.html">Heating system</a>
                                                <a href="product.html">Curtain system</a>
                                                <a href="product.html">Tunnel door system</a>
                                                <a href="product.html">Foggy system</a>
                                                <a href="product.html">Lighting system</a>
                                                <a href="product.html">Environmental controller&software</a>
                                            </li>
                                            <li>
                                                <h3><a href="product.html">Building system</a></h3>
                                                <a href="product.html">Light steel construction house</a>
                                                <a href="product.html">Broiler cage system</a>
                                                <a href="product.html">Plastic slats</a>
                                            </li>
                                            <li>
                                                <img src="assets/images/img/nav.jpg" alt="">
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </li> -->
                            <!-- <li>
                                <a href="solution.html">TURN-KEY SOLUTION</a>
                            </li>
                            <li><a href="download.html">download</a></li>
                            <li><a href="news.html">info</a></li>
                            <li><a href="contact.html">contact</a></li> -->
                        </ul>
                    </div>
                </div>
                <!-- <div class="cart-box-xs">
                <a class="cart-num cart" href="inquiry.html">PANIER<span class="num">0</span></a>
                </div> -->
                <div class="xs-language">
                    <a class="active xs-en" href="">EN</a>
                    <span> / </span>
                    <a class="xs-cn" href="">CN</a>
                </div>
                <div class="search-box search-xs">
                    <div class="container">
                        <form class="search" action="/product.html" method="post">
                            <input class="input-text" type="text" placeholder="Search" name="keywords" id="keywords" />
                            <button class="input-submit" type="submit"></button>
                        </form>
                    </div>
                </div>
                <span class="search-icon"></span>
                <button class="nav-collapse nav-collapse-1" id="nav-xs-btn">
                    <span class="btn-line"></span>
                    <span class="btn-line"></span>
                    <span class="btn-line"></span>
                </button>
                <div class="nav-2">
                    <div class="nav-top">
                        <div class="back-btn back-btn2"></div>
                        <h2>一级标题</h2>
                        <button class="nav-collapse nav-collapse-2" id="nav2-btn">
                            <span class="btn-line"></span>
                            <span class="btn-line"></span>
                            <span class="btn-line"></span>
                        </button>
                    </div>
                    <div class="content">
                        <ul class="nav2-list2">
                        </ul>
                    </div>
                </div>
                <div class="nav-3">
                    <div class="nav-top">
                        <div class="back-btn back-btn3"></div>
                        <h2>一级标题</h2>
                        <button class="nav-collapse nav-collapse-2" id="nav2-btn">
                            <span class="btn-line"></span>
                            <span class="btn-line"></span>
                            <span class="btn-line"></span>
                        </button>
                    </div>
                    <div class="content">
                        <ul class="nav3-list3">
                        </ul>
                    </div>
                </div>
            </div>

            <!-- <div class="find"></div> -->
            <div class="search-box search-lg">
                <div class="hbg">
                    <form class="search" action="/product.html" method="post">
                        <p>START TYPING AND PRESS ENTER TO SEARCH</p>
                        <input class="input-text" type="text" placeholder="" id="keywords" name="keywords" />
                        <button class="input-submit" type="submit"></button>
                    </form>
                    <span class="close-btn"></span>
                </div>
            </div>
        </div>
        <div class="language">
            <a class="zh" href="">中文</a>
        </div>
    </div>
<div class="banner">
    <div class="owl-theme">
        <div class="item">
            <a href="javascript:;">
                <img class="img-responsive" src="assets/images/banner/solution-banner.jpg">
            </a>
        </div>
    </div>
</div>
<div class="wrapper">
    <div class="wrap wrap-solution">
        <div class="title-in">
            <div class="container wow fadeInUp" data-wow-duration="1s">
                <h3>解决方案</h3>
                <p>您的专属解决方案</p>
            </div>
        </div>
        <div class="solution">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="item item-1">
                            <p>家装</p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
                        <div class="item item-2">
                            <p>办公</p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".8s">
                        <div class="item item-3">
                            <p>卧室</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="info">
            <div class="container">
                <div class="list-1 wow fadeInUp" data-wow-duration="1s" id="solution-01">
                    <div class="item-1">
                        <div class="title-pic">
                            <div class="i-title">
                                <div>
                                    <h4>理念</h4>
                                    <h3>元山元木</h3>
                                </div>
                            </div>
                            <div class="pic-1">
                                <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-01.jpg" width="620" height="440" alt=""></a>
                            </div>
                        </div>

                        <div class="text">
                            <div>
                                <p>元山元木”设计理念都源于真正的“意大利”。品牌紧贴市场趋势和变化，以极大的热情推动设计生产创新，提供丰富多样、制造精良的产品系列，并取得了产品性能与设计师独特个性设计之间的恰当平衡。</p>
                            </div>
                        </div>
                    </div>
                    <div class="item-2">
                        <div class="owl-carousel owl-theme" id="owl-solution">
                                                        <div class="pic-2">
                                <a class="img-box">
                                    <img class="lazyOwl" data-src="assets/images/img/solution-02.jpg" width="1260" height="860" alt="">
                                </a>
                            </div>
                                                        <div class="pic-2">
                                <a class="img-box">
                                    <img class="lazyOwl" data-src="assets/images/img/solution-02.jpg" width="1260" height="860" alt="">
                                </a>
                            </div>
                                                        <div class="pic-2">
                                <a class="img-box">
                                    <img class="lazyOwl" data-src="assets/images/img/solution-02.jpg" width="1260" height="860" alt="">
                                </a>
                            </div>
                                                        <div class="pic-2">
                                <a class="img-box">
                                    <img class="lazyOwl" data-src="assets/images/img/solution-02.jpg" width="1260" height="860" alt="">
                                </a>
                            </div>
                                                        <div class="pic-2">
                                <a class="img-box">
                                    <img class="lazyOwl" data-src="assets/images/img/solution-02.jpg" width="1260" height="860" alt="">
                                </a>
                            </div>
                                                    </div>
                    </div>

                    <div class="item-3">
                        <div class="pic-3">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-03.jpg" width="1258" height="440" alt=""></a>
                        </div>
                    </div>
                    <div class="item-4">
                        <div class="pic-4">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-04.jpg" width="620" height="440" alt=""></a>
                        </div>
                    </div>
                    <div class="item-5">
                        <div class="pic-5">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-05.jpg" width="620" height="440" alt=""></a>
                        </div>
                    </div>
                </div>

                <div class="list-2 wow fadeInUp" data-wow-duration="1s" id="solution-02">
                    <div class="item-1">
                        <div class="i-title">
                            <div>
                                <h4>起源</h4>
                                <h3>起源</h3>
                            </div>
                        </div>
                        <div class="text-1">
                            <div>
                                <p>元山元木成立于2017年，是一个青岛的本地品牌。定制家具历史悠久，品牌自成立以来，一直秉承着“环保，简约”的经营理念，并重视对先进生产技术的应用，在设计师的不懈努力下，成为青岛著名品牌。</p>
                            </div>

                        </div>
                        <div class="pic-1">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-06.jpg" width="940" height="440" alt=""></a>
                        </div>
                    </div>
                    <div class="item-2">
                        <div class="pic-2">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-07.jpg" width="1260" height="860" alt=""></a>
                        </div>
                        <div class="pic-3">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-08.jpg" width="1300" height="500" alt=""></a>
                        </div>
                        <div class="text-2">
                            <div>
                                <p>元山元木与许多知名的设计师进行合作，将他们的设计理念与公司自身的生产能力相融合，经过耐心地研究，推出一条个性化的生产线，融合了不同设计师的设计风格和文化底蕴。

                                    所有“元山元木”设计理念都源于真正的“意大利”。品牌紧贴市场趋势和变化，以极大的热情推动设计生产创新，提供丰富多样、制造精良的产品系列，并取得了产品性能与设计师独特个性设计之间的恰当平衡。</p>
                            </div>
                        </div>
                    </div>
                    <div class="item-3">
                        <div class="pic-4">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-09.jpg" width="1290" height="350" alt=""></a>
                            <p>定制家具历史悠久，品牌自成立以来，一直秉承着“环保，简约”的经营理念，并重视对先进生产技术的应用，在设计师的不懈努力下，成为青岛著名品牌。.</p>
                        </div>
                    </div>
                </div>
                <div class="list-3 wow fadeInUp" data-wow-duration="1s" id="solution-03">
                    <div class="item-1">
                        <div class="title-text">
                             <div class="i-title">
                                <div>
                                    <h4>设计</h4>
                                    <h3>设计</h3>
                                </div>
                            </div>
                            <div class="text-1">
                                <div>
                                    <p>元山元木与许多知名的设计师进行合作，将他们的设计理念与公司自身的生产能力相融合，经过耐心地研究，推出一条个性化的生产线，融合了不同设计师的设计风格和文化底蕴。</p>
                                </div>
                            </div>
                        </div>
                        <div class="pic-scroll">
                            <div class="owl-carousel owl-theme" id="owl-service">
                                                                <div class="pic-1">
                                    <a class="img-box">
                                        <img class="lazyOwl" data-src="assets/images/img/solution-10.jpg" width="950" height="475" alt="">
                                    </a>
                                </div>
                                                                <div class="pic-1">
                                    <a class="img-box">
                                        <img class="lazyOwl" data-src="assets/images/img/solution-10.jpg" width="950" height="475" alt="">
                                    </a>
                                </div>
                                                                <div class="pic-1">
                                    <a class="img-box">
                                        <img class="lazyOwl" data-src="assets/images/img/solution-10.jpg" width="950" height="475" alt="">
                                    </a>
                                </div>
                                                                <div class="pic-1">
                                    <a class="img-box">
                                        <img class="lazyOwl" data-src="assets/images/img/solution-10.jpg" width="950" height="475" alt="">
                                    </a>
                                </div>
                                                                <div class="pic-1">
                                    <a class="img-box">
                                        <img class="lazyOwl" data-src="assets/images/img/solution-10.jpg" width="950" height="475" alt="">
                                    </a>
                                </div>
                                                            </div>
                        </div>
                    </div>
                    <div class="item-2">
                        <div class="pic-2">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-11.jpg" width="1258" height="440" alt=""></a>
                        </div>
                    </div>
                    <div class="item-3">
                        <div class="pic-3">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-12.jpg" width="620" height="440" alt=""></a>
                        </div>
                    </div>
                    <div class="item-4">
                        <div class="pic-4">
                            <a class="img-box"><img class="lazy" data-src="assets/images/img/solution-13.jpg" width="620" height="440" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="foot">
        <div class="container">
            <ul>
                <li>
                    <h3>友情链接</h3>
                    <div class="item">
                        <a href="http://www.yuanshanyuanmu.com">青岛元山元木</a>
                        <!-- <a href="">占位2</a>
                        <a href="">占位3</a>
                        <a href="">占位4</a> -->
                    </div>
                </li>
                <!-- <li>
                    <h3>占位</h3>
                    <div class="item">
                        <a href="">占位1</a>
                        <a href="">占位2</a>
                        <a href="">占位3</a>
                        <a href="">占位4</a>
                    </div>
                </li> -->
                <li>
                    <h3>工厂地址</h3>
                    <div class="item">
                        <p>中国青岛.</p>
                    </div>
                    <p><br></p>
                    <!-- <h3>办公地址</h3>
                    <div class="item">
                        <p>中国青岛.</p>
                    </div> -->
                </li>
            </ul>
        </div>
    </div>
    <div class="foot-nav">
        <div class="container">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="product.html">更多案例</a></li>
                <!-- <li><a href="product.html">BREEDERS</a></li>
                <li><a href="product.html">layer</a></li>
                <li><a href="solution.html">TURN-KEY SOLUTION</a></li>
                <li><a href="download.html">DOWNLOAD</a></li>
                <li><a href="info.html">INFO</a></li>
                <li><a href="contact.html">CONTACT</a></li> -->
            </ul>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <p>© 2022 Qingdao MrZhang Co., Ltd. All right reserved.
                <a href="http://www.baidu.com/" target="_blank">Powered by MrZhang</a></p>
            <div class="share">
                <ul>
                    <li class="facebook">
                        <a href="https://www.facebook.com/" title="" target="_blank"></a>
                    </li>
                    <li class="twitter">
                        <a href="https://twitter.com/" title="" target="_blank"></a>
                    </li>
                    <!-- <li class="linkedin">
                    <a href="https://www.linkedin.com/" title="" target="_blank"></a>
                    </li> -->
                    <li class="youtube">
                        <a href="https://www.youtube.com/" title="" target="_blank"></a>
                    </li>
                    <li class="instagram">
                        <a href="http://instagram.com/" title="" target="_blank"></a>
                    </li>
                    <!-- <li class="google">
                        <a href="https://plus.google.com/" title="" target="_blank"></a>
                    </li> -->
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="online">
    <a class="online-email" href="#"></a>
    <!-- <a class="online-skype" href="#"></a> -->
    <a class="online-whatsapp" href="#"></a>
    <a class="online-tel" href="#">
        <p>15066808881</p>
    </a>
    <!-- <a class="online-weixin" href="#">
        <span class="erweima">
            <img src="assets/images/img/erweima.jpg"><p>Mobile Site</p>
        </span>
    </a> -->
    <a class="online-wechat" href="">
        <span class="erweima">
            <img src="assets/images/img/erweima.jpg"><p>微信</p>
        </span>
    </a>
    <a class="online-top" id="backtop" href="javascript:goTop();"></a>
</div>
<div class="icon-online">
    <a href="javascript:;">+</a>
</div>
<div class="loadjs">
    <script src="assets/js/jquery-1.8.3.min.js"></script>
    <script src="assets/js/jquery.lazyload/jquery.lazyload.min.js"></script>
    <script src="assets/js/jquery.carousel/jquery.carousel.min.js"></script>
    <script src="assets/js/jquery.fancybox/jquery.fancybox.min.js"></script>
    <script src="assets/js/wow.min.js"></script>

    <!-- ie8 bootstrap -->
    <script src="assets/js/bootstrap/js/html5shiv.js"></script>
    <script src="assets/js/bootstrap/js/respond.min.js"></script>

    <script src="assets/main.js"></script>
</div>
</body>

</html>
